<script setup>
import {version as ver} from 'vue'
import {version as elver} from 'element-plus'
//import { defineComponent } from 'vue'
//import { ElConfigProvider } from 'element-plus'

import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import {ref} from 'vue'
const value = ref(new Date(2023,5-1,16))


</script>


<template>
  hello vue {{ ver }} ,element-plus {{ elver }}
  <br>
  <el-row>
    <el-col :span="10">
      <el-config-provider :locale="zhCn">
      <el-date-picker
             v-model="value1"
          type="date"
          placeholder="选择日期"
          size="default"
      />
      </el-config-provider>
    </el-col>
  </el-row>
  <el-row>
    <el-col :span="10" :offset="7">
      <el-card>
        <el-config-provider :locale="zhCn">
          <el-calendar  v-model="value"/>
        </el-config-provider>
      </el-card>
    </el-col>
  </el-row>
</template>


<style scoped>


</style>
